export function Component1() {
	return <div />
}

export function jsx2() {
	const props = { a: 1, b: 2 }
	return (
		<a foo="bar" bar="foo">
			<div
				{...props}
				a={1}
				b="2"
			>
				Inline Text
			</div>
			<Component1>
				Block Text
			</Component1>
			<div>
				Mixed
				<div>Foo</div>
				Text
				<b> Bar</b>
			</div>
			<p>
				foo
				<i>bar</i>
				<b>baz</b>
			</p>
		</a>
	)
}
